@import "common/config";
@import "common/module";

//buy-insurance
.buy-insurance {
  padding-bottom: 1.3rem;
  //insurance-item-com
  .insurance-item-com {
    margin-bottom: .24rem;
    background-color: #fff;
    .item-tit {
      padding: .3rem .24rem;
      color: #f8922c;
      background-color: #FFEFDF;
      box-shadow: 0 3px 3px #E9E9E9;
      .item-del {
        float: right;
        color: @ACCENT_COLOR;
      }
    }
    .item-cont {
      overflow: hidden;
      margin-top: 6px;
      .item-list {
        margin: -1px .24rem 0;
        border-top: 1px solid #F3F3F3;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        overflow: hidden;
        .list-txt {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          align-items: center;
          color: @TITLE_TEXT_COLOR;
        }
        .list-r {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          //width: 100%;
          //-ms-flex-align: center;
          //-webkit-box-pack: end;
          //-webkit-justify-content: flex-end;
          //-ms-flex-pack: end;
          //justify-content: flex-end;
          input {
            text-align: right;
            color: #333;
            border: none;
            outline: none;
            padding: .24rem 0;
            width: 100%;
          }
        }
      }
      .insurance-price {
        .list-r {
          .price {
            float: right;
            display: inline-block;
            padding: .32rem 0;
            color: @ACCENT_COLOR;
            font-style: normal;
            font-size: .38rem;
          }
        }
      }
    }
  }
  //the-insured-info
  .the-insured-info {
    .item-cont {
      .applicant-relation {
        padding: .24rem 0;
        .list-r {
          .relation-select {
            float: right;
            border: 1px solid #E0E0E0;
            padding: .1rem;
            outline: none;
            color: @TEXT_COLOR;
          }
        }
      }
      .card-info {
        //.card-info-inner {
        //  width: 120%;
        //  overflow: hidden;
        //}
        //.card-img {
        //  padding: .3rem 0;
        //  float: left;
        //  width: 45%;
        //  margin-right: .3rem;
        //  img {
        //    width: 100%;
        //  }
        //}
        display: block;
        .tips {
          width: 100%;
          color: @ACCENT_COLOR;
          padding: .1rem 0 .2rem 0;
          font-size: .26rem;
        }
        .photo {
          overflow: hidden;
          padding: .08rem 0;
          width: 100%;
          .photo-list {
            width: 49%;
            height: 2.6rem;
            float: left;
            margin: .1rem 1% 0 0;
            overflow: hidden;
            position: relative;
            img {
              max-width: 100%;
            }
            .delete {
              height: .6rem;
              width: 100%;
              position: absolute;
              left: 0;
              bottom: 0;
              background: #000;
              opacity: 0.3;
            }
            .delete-i {
              display: block;
              width: .49rem;
              height: .47rem;
              position: absolute;
              left: .1rem;
              bottom: .06rem;
              background: url(../images/delete.png);
              background-size: 100% auto;
            }
          }
          .add-photo {
            width: 49%;
            height: 2.6rem;
            float: left;
            margin: .1rem 1% 0 0;
            border: 0.02rem solid #D0D0D0;
            position: relative;
            box-sizing: border-box;
            .add-photo-icon {
              display: block;
              width: .58rem;
              height: .58rem;
              position: absolute;
              left: 50%;
              top: 50%;
              margin: -.29rem auto auto -.29rem;
              background: url(../images/add.png);
              background-size: 100% auto;
            }
            input {
              width: 100%;
              height: 2.6rem;
              position: absolute;
              left: 0;
              top: 0;
              opacity: 0;
            }
          }
        }

        //.user-op{
        //  margin-top: 1.5rem;
        //  text-align: center;
        //  .user-op-btn{
        //    font-size: 1.5rem;
        //    display: inline-block;
        //    color: #ffffff;
        //    border-radius: 20px;
        //    background-color: #FF2F40;
        //    padding: .8rem 10rem;
        //    text-decoration: none;
        //  }
        //}
      }
    }
  }
  //add-the-insured-info
  .add-the-insured-info {
    color: #3366ff;
    padding: .26rem .3rem;
    .insured-info-icon {
      display: inline-block;
      width: .44rem;
      height: .44rem;
      background: url("../images/insured_info_icon.png") no-repeat;
      background-size: .44rem .44rem;
      margin-right: .24rem;
      vertical-align: middle;
      margin-bottom: .04rem;
    }
  }
  .the-insured-info-tips{
    width: 100%;
    color: #ff1d3d;
    padding: 0 0 .2rem .3rem;
    font-size: .26rem;
  }
  //clause
  .clause {
    .item-cont {
      //background-color: #F8F8F8;
      margin-top: .35rem;
      padding-bottom: .24rem;
      .item-list {
        .list-txt {
          align-items: inherit;
          margin-top: .06rem;
          margin-right: .3rem;
          position: relative;
          .sel {
            opacity: 0;
            width: .26rem;
            height: .26rem;
          }
          label {
            position: absolute;
            top: 0;
            left: 0;
            content: '';
            width: .28rem;
            height: .28rem;
            border: 1px solid #8B8B8B;
            background-color: #fff;
            border-radius: 50%;
          }
        }
        .cur {
          label {
            width: .34rem;
            height: .34rem;
            background: url("../images/invoice_type_cate_icon_cur.png") no-repeat;
            background-size: .34rem .34rem;
            border: 1px solid #EF841E;
            background-color: #EF841E;
          }
        }
        .list-r {
          line-height: .42rem;
          a {
            color: #3366ff;
          }
        }
      }
    }
  }

  //buy-now
  .buy-now {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    background-color: @MAIN_COLOR;
    font-size: .28rem;
    text-align: center;
    padding: .3rem 0;
  }
}


